.pt60{
   padding-top: 60px;
}
.mw988{
   max-width: 988px !important;
}
.services{
   max-width: 200px;
   padding:12px;
   display: inline-block;
   text-align: center;
   font-size:12px;
   border:1px solid #2a2a2a;
   color:#c2c2c2;
   margin-left:14px;
   margin-bottom:19px;
   vertical-align:top;
}
.services:hover{
   border:1px solid #fff;
}
.mr0{
   margin-right:0
}
.services a,.services p{
   max-width:198px;
   color: #c2c2c2;
}
.services a{
   display: block;
}
.services a:hover{
   color: #fff;
}
.services img{
   border:1px solid #2a2a2a;
   display: block;  
   width:196px;
   height:268px
}
.services_name{
   font-size:15px;
   text-transform: uppercase;
   margin-top:13px; 
}
.services_description{
   display: block;
   padding-bottom:18px;
   border-bottom:1px solid #2a2a2a;
   text-align: justify;
   margin:15px 0;
   min-height: 54px;
}
.view_more{
   text-transform: uppercase
}
.arrow-right {
   display: inline-block;
	width: 0px;
   height: 0px;
   border-top: 5px solid transparent;
   border-bottom: 5px solid transparent;
   border-left: 5px solid #c2c2c2;
   margin-left: 5px;
}
/**********************************************/
.service_detail_wrap{
   background: #131313;
   color:#dedede;
   max-width:660px;
   display: inline-block;
   padding:26px;
   margin-bottom: 40px
}
.service_name{
   font-size:22px;
}
.service_date{
   font-style: italic;
}
.service_like_share{
   width:95%;
   border:1px solid #1c1c1c;
   margin-top:10px;
   padding:15px;
}
.services_connection{
   padding-left:3px;
}
.sc_one{
   padding:13px 0;
   border-bottom:1px solid #1c1c1c
}
.sc_one span{
   background: #0083a9;
   width:4px;
   height: 4px;
   display: inline-block;
   margin-right:5px;
}
.sc_one a{
   display: inline-block;
   color:#dedede;
}
.sc_one a:hover{
   color:#fff
}
.service_detail{
   margin-top:15px;
}
.services_categories{
   max-width:230px;
   margin-left:18px;
   display: inline-block;
   vertical-align: top;
}
.sc_title{
   font-size:22px;
   color:#FFF;
}
.sc_list{
   margin-top:10px;
}
.sc_list ul li{
   padding:5px 25px
}
.sc_list li{
   padding:5px 0;
}
.sc_list span{
   background: #9e9e9e;
   width:4px;
   height: 4px;
   display: inline-block;
   margin-right:5px;
}
.sc_list a{
   display: inline-block;
   color:#dedede;
   vertical-align: sub;
}
.sc_list a:hover{
   color:#fff
}
.download_bm{  
   position: absolute;
   top:100%;
   margin-top:-17px;
   left:50%;
   margin-left:-63px;
   background: #0083a9;
   color:#dedede;
   width:126px;
   height: 33px;
   line-height: 33px;
   font-size:16px;
   text-align: center;
   -webkit-transition: opacity 0.5s,top 0.5s,left 0.5s;
   -o-transition: opacity 0.5s,top 0.5s,left 0.5s,visibility 0.5s;
   transition: opacity 0.5s,top 0.5s,left 0.5s;
   opacity: 0;
   border-radius: 5px;
}
.arrow-right1 {
	width: 0; 
	height: 0; 
	border-left: 6px solid #dedede;
	border-bottom: 6px solid transparent;	
	border-top: 6px solid transparent;
   display: inline-block;
   transition:200ms;
   -webkit-transition: 200ms;
   -moz-transition: 200ms;
   -o-transition: 200ms;
}
.services img{
   margin-right: 0px;
   -webkit-transition: opacity 0.5s,top 0.5s,left 0.5s;
   -o-transition: opacity 0.5s,top 0.5s,left 0.5s,visibility 0.5s;
}
.services a{
   position: relative;
   display: inline-block;
   margin-right: 15px;
   color:#dedede;
}
.services a:hover{
   color:#fff
}
.services:hover .download_bm{
   visibility: visible;
   opacity: 1;
   top:50%;
}
.services:hover img{
   opacity: 0.6;
}
.download_bm:hover .arrow-right1{
   -webkit-transform: rotate(90deg);
   transform:rotate(90deg);
   -ms-transform:rotate(90deg);
   border-left: 6px solid #fff;
}
.download_bm:hover{
   color: #fff;
}